/* ==========================MENU USER======================================= */

section.nav nav {
	width: 100%;
	height: 100%;
	background: #F89406 ;
	color: #fff;
}
section.nav nav ul {
	width: 100%; table-layout: fixed;
	display: table; height: 50px;
}
section.nav nav ul li {
	display: table-cell; cursor: pointer;
	text-align: center; padding: 5px 2px;
	vertical-align: middle;
}
section.nav nav ul li.selected { background: #2ECC71 }
section.nav nav ul li:hover {
	background: #6BB9F0;
}

section .content {
	width: 100%; padding: 10px 0;
	text-align: center; display: block;
	background: #1ABC9C; cursor: pointer;
	color: #fff;
	box-sizing: border-box;
	-o-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
section .content a { color: #fff; }
section .content h2 {
	width: 100%; text-align: center;
	padding: 10px 20px; color: #F9690E;
	font-family: "Roboto Condensed";
	font-weight: 400; margin-bottom: 10px;
	box-sizing: border-box;
	-o-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
section .wrapper.content .profile {
	max-width: 500px;
	margin: 0 auto;
	padding: 0 10px 20px;
}
section .wrapper.content .profile p {
	display: block;	width: 100%;
	margin-bottom: 10px;
}
section .wrapper.content .profile p span {
	display: inline-block;
}
section .wrapper.content .profile p span:first-child {
	width: 34%; color: #BDC3C7;
}
section .wrapper.content .profile p span:last-child {
	width: 100%; float: right; color: #4a4a4a;
}

/*==========================================================================================*/
/*======================================FORM============================================*/
/*==========================================================================================*/
.form {
	position: fixed; z-index: 8;
	/*width: 80%; max-width: 600px;*/
	min-width: 300px;
	max-width: 1000px;
	top: 50%; left: 50%;
	border-radius: 5px;
	transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	background: #ECF0F1;
}
.form-hidden { display: none;}
.form * { font-size: 12pt; }
.form .title { 
	background: #2b2b2b; color: #a4a4a4; 
	padding: 10px; font-family: "Roboto Condensed";
	margin-bottom: 20px; margin-top: -2px;
	display: block; font-size: 14pt;
	border-bottom: 1px solid #000;
	box-shadow: 0px 1px 0px #4a4a4a;
	-webkit-box-shadow: 0px 1px 0px #eee;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	font-weight: 400;
}
.form .title i.fa { float: right; margin-top: 4px; font-size: 14pt; color: #D35400; }
.form form { padding: 10px; }
.form form p { margin-bottom: 5px; }
.form form p span { 
	width: 10%; display: inline-block; 
	text-align: center; margin-right: 5%;
}
.form form p span i.fa {
	font-size: 15pt; color: #3498DB; }
.form form input:not(input[type="file"]) {
	border: 1px solid #a4a4a4;
	height: 30px; width: 80%; 
	padding: 5px; color: #4a4a4a;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-radius: 2px;
	/* margin-left: 40px;*/
}
.form form input[type='submit'] { 
	display: block; margin: 20px auto 0;
	padding: 0 10px; width: 80px; border: 0;
	background: #3498DB; color: #fff;
	height: 30px; line-height: 30px;
}
.form form input[type='button'] { 
	display: block; margin: 20px auto 0;
	padding: 0 10px; width: 80px; border: 0;
	background: #3498DB; color: #fff;
	height: 30px; line-height: 30px;
}

/*INPUT
*/
input {
	width: 400px;
}
input[type='radio']{
	width: 100px;
}